<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜狗登录</title>
    <style>
        .a{
           background-color: white;
           width: 1600px;
           height: 160px;
            overflow:hidden;
       }
        .b{
            margin: 3% 3%;
        }
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            border: 1px solid #e7e7e7;
            background-color: white;


        }
        li {
            float: left;
        }
        li a {
            display: block;
            color: #666;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }

        li a:hover:not(.active) {
            background-color: blue;
        }

        li a.active {
            color: white;
            background-color: #4CAF50;
        }

        .c{
            background-color: slateblue;
            width: 1600px;
            height: 600px;
            overflow:hidden;
        }
        .zhengeg{
            background-color: whitesmoke;
            margin: 3% 65%;
            width: 350px;
            height: 350px;
        }
        form{
            width: 330px;
            height: 343px;
            margin: auto;

        }
        .d{
            width: 106px;
            height: 24px;
            padding-left: 6px;
            padding-top: 20px;
            float: left;
        }
        a{
            text-decoration: none;
            font-size: 17px;
            color: #0f0f0f;
        }
        .e{
            width: 120px;
            height: 24px;
            padding-top: 20px;
            padding-left: 80px;
            float: left;

        }
        .f{
            width: 340px ;
            height: 44px ;
            display: inline
        }
        .g{
            width: 320px;
            height: 120px;

             overflow:hidden;
            text-align: center;
        }
        .h{
            width: 300px;
            height: 30px;
            margin-top: 20px;

        }
        .i{
            width:320px ;
            height: 28px;

        }
        .k{
            padding-left: 80%;
            font-size: 10px;

        }
        .l{
            width: 305px;
            height: 40px;
            margin-left: 7px;
            font-size: 20px;
            background-color: brown;
            color: white;
        }
        .l:hover{
            background-color: red;
        }
        .j{
            font-size: 10px;
        }

        .m{
            font-size: 10px;
            float: right;
        }

        .o{
            background-color: steelblue;
            width: 1600px;
            height: 200px;
            overflow:hidden;
        }
    </style>
</head>
<body>
<div class="a">

<ul>
    <li><a href="http://gouwu.sogou.com/login">登录</a></li>
    <li><a href="http://gouwu.sogou.com/login">注册</a></li>
    <li><a href="http://gouwu.sogou.com/login">关于</a></li>
</ul>
<img src="http://gouwu.sogou.com/account/images/logo.png?v=0425" class="b">
</div>
<div class="c">
    <div class="zhengeg">
        <form>
            <div class="f">
                <div class="d">
                    <a href="http://gouwu.sogou.com/login" >账号密码登录</a>
                </div>
                <div class="e">
                    <a href="http://gouwu.sogou.com/login" >手机验证码登录</a>
                </div>
            </div>
            <div class="g">
                <input type="text" value="输入账号/邮箱/手机号" class="h" onfocus="if (value =='输入账号/邮箱/手机号'){value =''}"onblur="if (value ==''){value='输入账号/邮箱/手机号'}"/>
                <input type="text" value="输入密码" class="h" onfocus="if (value =='输入密码'){value =''}"onblur="if (value ==''){value='输入密码'}"/>
            </div>
            <div class="i">
                <a class="k" href="https://account.sogou.com/web/findpwd?client_id=2065&ru=http%3A%2F%2Fgouwu.sogou.com%2Flogin">忘记密码</a>
            </div>
            <input type="submit" value="登录" class="l">
            <div class="f">
                <div class="d">
                    <a href="http://gouwu.sogou.com/login" class="j">其他方式登录</a>
                </div>
                <div class="e">
                    <a href="http://gouwu.sogou.com/login" class="m">立即注册</a>
                </div>
            </div>
        </form>
    </div>

</div>
<div class="o">
</div>
</body>
</html>